#root {
    height: 100%;
}


.component-doc {
    width: 100%;
    height: 100%;
    display: flex;

    .doc-menu-left {
        width: 250px;
        height: 100%;
        overflow: auto;
        box-shadow: 2px 1px 8px #ccc;

        .doc-menu-item {
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
            font-size: 14px;
            cursor: pointer;

            &.active,
            &:hover {
                background: #ccc;
            }
        }
    }
    .doc-menu-right {
        height: 100%;
        flex: 1;
        padding: 20px;

        .doc-demo-component {
            width: 98%;
            margin: 10px auto;
        }
        .doc-menu-section-title {
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
            background: #e7e6e6;
        }
    }
}